<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui" >

	<ui:composition template="templateAdmin.xhtml">
		<ui:define name="registroAcceso">
		
			<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
			<script type="text/javascript" src="http://code.highcharts.com/highcharts.js"></script>
			<script type="text/javascript" src="http://code.highcharts.com/modules/exporting.js"></script>
			
			<script type="text/javascript">
			$(function () {
			
		        $('#container').highcharts({
		    
		        	title: {
		                text: 'Accesos mensuales al sitio',
		                x: -20 //center
		            },
		            subtitle: {
		                text: '',
		                x: -20
		            },
		            xAxis: {
		                categories: #{administradorBean.rx}
		            },
		            yAxis: {
		                title: {
		                    text: 'Cantidad de accesos'
		                },
		                plotLines: [{
		                    value: 0,
		                    width: 1,
		                    color: '#808080'
		                }]
		            },
		            tooltip: {
		                valueSuffix: ''
		            },
		            legend: {
		                layout: 'vertical',
		                align: 'right',
		                verticalAlign: 'middle',
		                borderWidth: 0
		            },
		            series: [{
		                name: 'Total',
		                data: #{administradorBean.ry}
		            }]
		        });
		    });
			</script>
			

			<h:form id="tablaRegistros">		                
			    <p:growl id="growl" />
			    <p:dataTable id="dataTable" style="float: left;" var="r" value="#{administradorBean.registrosModel}" paginator="true" rows="15">
			        <f:facet name="header">
			           Registro de acceso al sitio
			        </f:facet>		
			        <p:column>
			            <f:facet name="header">
			                <h:outputText value="Usuario" />
			            </f:facet>
			            <h:outputText value="#{r.cliente}" />
			        </p:column>		        
			        <p:column>
			            <f:facet name="header">
			                <h:outputText value="Fecha de ingreso" />
			            </f:facet>
			            <h:outputText value="#{r.fechaAcceso}" />
			        </p:column>
			    </p:dataTable>		    
		    </h:form>
		    
		    <p:panel id="container" style="width: 830px; align: right; height: 620px; margin: 0 auto;" layout="block"></p:panel>
		    		    		    
		 </ui:define>	 
	</ui:composition>	
 
 </html>


